Downloads
Nessa aula, eu mostrei como importar e começar a usar o nosso template que disponibilizei acima para facilitar o trabalho com as variáveis no nosso Design Systems no Figma. Antes de tudo, é importante saber que para usar o template, é necessário ter uma conta do Google, pois ele foi criado no Google Sheets e é acessado via Google Drive.
Pontos importantes da aula:
- Acesso ao Template Ao clicar no link fornecido acima, você será direcionado para fazer uma cópia do documento no Google Drive.
- Apps Script O template possui funções rodando no Apps Script do Google para automatizar tarefas. Ao criar uma cópia, você precisará autorizar essas funções.
- Código e Funções Não é necessário entender de código para usar o template. As funções já estão criadas e são responsáveis por ações como adicionar cores, alterar contrastes e definir a semântica correta.
- Criação e Duplicação de Tokens Você pode criar tokens primitivos e semânticos, além de adicionar novos tokens duplicando as coleções existentes e alterando os nomes conforme necessário.
- Exportação para o Figma Para importar os tokens para o Figma, você deve usar a função "cfPRO Figma Token" no Apps Script e executá-la. Isso criará um novo documento que será usado para importar os tokens no Figma através do plugin "Design Tokens Manager".
- Autorização do Google Durante o processo, será necessário autorizar o acesso do Apps Script ao seu Google Drive para que ele possa criar o documento necessário para a importação dos tokens.
- Importação no Figma No Figma, você usará o plugin "Design Tokens Manager" para importar os tokens, colando a URL gerada pelo Apps Script.
- Atualizações Globais O template permite fazer alterações globais rapidamente. Por exemplo, alterar a cor principal do design system e ver essa mudança refletida em todo o design imediatamente.
- Próximos Passos No próximo módulo, vamos começar a criar componentes e a estrutura do Design System, utilizando os tokens já criados. O objetivo é desenvolver um design system piloto que poderá ser publicado pelos alunos.
Lembre-se de que o uso do template é opcional. Se preferir, você pode simplesmente importar os tokens já criados no template do Hive. Isso permitirá que você acompanhe as próximas aulas da mesma forma.